<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1问
        console.log(num);
        // 2问
        console.log(num);//undified
        var num = 10;
        // 3问
        fu();
        function fn() {
            console.log(11);
        }
        // 4问
        fun();
        var fun = function() {
            console.log(22);//error
        }
        // 1.js引擎运行js 分为两步： 预解析 代码执行
        // （1）预解析 js引擎会将js里面所有的var 还有function提升到当前作用域的最前面
        // （2）代码执行 按照代码书写顺序从上到下执行
        // 2.预解析分为 变量预解析（变量提升） 和函数预解析（函数提升）
        // （1）变量预解析将变量声明提升至最前面，不提升赋值，当前作用域的最前面
        // （2）函数提升将函数声明提升到最前面。

        // 案例1
        var num = 10;
        fun();
        function fun() {
            console.log(num);
            var num =20;
        }
        // 相当于这样做
        var num;
        function fun() {
            var num;
            console.log(num);//undified
            num =20;
        }
        num = 10;
        fun();
        f1();
        console.log(c);
        console.log(b);
        console.log(a);
        function f1() {
            var a = b = c = 9;
            // 相当于 var a = 9; b =9; c = 9; b和c直接赋值 没有var声明 当全局变量看
            // 集体声明 var a = 9, b =9, c = 9;
            console.log(a);
            console.log(b);
            console.log(c);//error
        }
    </script>
</head>
<body>
    
</body>
</html>